import React,{Component} from 'react';
import { List, InputItem,WingBlank,Button,WhiteSpace } from 'antd-mobile';
import {NavLink} from 'react-router-dom'
export default class LoginRegister extends Component{
      handleClick = () => {
        this.inputRef.focus();
      }
  render(){
    return (
        <div>
          <div>
          <br/>
          <br/>
          <br/>
          <br/>
          <br/>
            <img src='https://shadow.elemecdn.com/faas/h5/static/logo.ba876fd.png' height='56px'/>
          </div>
        <List renderHeader={() => ''}>
          <InputItem
            type="phone"
            placeholder="请输入号码"
          >手机号码</InputItem>
          </List>
          <List renderHeader={() => ''}>
          <InputItem
            type="password"
            placeholder="请输入6-16位密码"
          >密码</InputItem>
        </List>
        <div>
          <p>
          新用户登录即自动注册，并表示已同意<a href='#'>《用户服务协议》</a>
          </p>
        </div>
        <WingBlank>
        <WhiteSpace />
        <NavLink to='/home'>
          <Button type="submit" style={{background:'#4cd96f',color:'#fff'}}>登录</Button>
        </NavLink>

        </WingBlank>
      </div>
    )
  }
}